<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="keyword" content="网易新闻">
    <title> 网易新闻</title>
    <style type="text/css">
        #left {
            float: left;
            width: 15%;
        }
        
        #center {
            float: left;
            width: 65%;
        }
        
        #right {
            float: right;
            width: 20%;
            margin-right: 400px;
        }
        
        li {
            font-size: 14px;
            color: grey;
        }
        
        span {
            font-size: 18px;
        }
    </style>

</head>

<body>
    <div style="margin-left: 100px;color:red"><img src="./images/img.png" alt="网易新闻"></div>
    <hr>
    <div style="margin-left: 100px">
        <span>&nbsp;&nbsp;&nbsp;&nbsp;首页&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;排行&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;图片&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;国内&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;国际&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;数读&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;军事&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;航空&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;无人机&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;新闻学院&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;政务&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;公益&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;媒体&nbsp;&nbsp;&nbsp;&nbsp;/</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;王二三&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </div>
    <hr>
    <div>
        <div id="left" style="margin-left: 100px;width: 250px; margin-right: 30px">
            <div>
                <h3>新闻各有态度</h3>
            </div>
            <hr>
            <div> <img src="./images/img1.png" alt="数读" style="margin-left: 80px">
                <h4>万条泄露密码的套路总结</h4>
                <ul>
                    <li>被批判的超级中学，有多少人</li>
                    <li>不出门，如何四舍五入游遍全</li>
                </ul>
            </div>
            <hr>
            <div>
                <img src="./images/img2.png" alt="人间" style="margin-left: 80px">
                <h4>城市边缘垃圾场的访客</h4>
                <ul>
                    <li>回国求职，我成了内定的陪衬</li>
                    <li>死刑犯的最后一天</li>
                </ul>
            </div>
            <hr>
            <div>
                <img src="./images/img3.png" alt="大国小民" style="margin-left: 80px">
                <h4>无证潜伏幼儿园的60天</h4>
                <ul>
                    <li>小姨家的破事：管还是不管？</li>
                    <li>我和卖水果阿姨的北京梦</li>
                </ul>
            </div>
            <hr>
            <div>
                <img src="./images/img4.png" alt="三三有棵" style="margin-left: 80px">
                <h4>权游复联外的闲散人员该看啥剧</h4>
                <ul>
                    <li>有了毛茸茸的电老鼠，谁还养猫啊</li>
                    <li>有人多怕剧透，就有人多爱剧透</li>
                </ul>
            </div>
        </div>
        <div id="center" style="margin-right: 20px;width: 700px;">
            <h1>85年！长征永远在路上</h1>
            <div>
                <span>任正非：家人现在还在用苹果手机</span>
                <span>美方：中国无人机涉嫌窃取数据</span>
            </div><br>
            <div>
                <span>美宣布对华为禁令推迟90天执行</span>
                <span>苏州下调出让土地限价 最高降18.7%</span>
            </div><br>
            <div>
                <span>副厅级与多名女性发生性关系</span>
                <span>控烟协会回应王源抽烟：室内禁止吸烟</span>
            </div><br>
            <h1>马杜罗提议举行会议选举：看看人民支持谁</h1>
            <div>
                <span>29岁女行长挂职副县长引关注</span>
                <span>荆门采矿区塌陷不下十次被迫外迁</span>
            </div><br>
            <div>
                <span>齐齐哈尔原书记家庭财产超3亿</span>
                <span>东航就737MAV停飞向波音提出索赔</span>
            </div><br>
            <div>
                <span>广州酒吧坍塌事故7人被刑拘</span>
                <span>广州一轿车加速撞倒行人连撞3车</span>
            </div><br>
            <div> <img src="./images/img5.png" alt="广告"> </div>
            <hr>
            <div>
                <h2>网易公开课</h2>
                <div> <img src="./images/img6.png" alt="广告"> </div>
            </div>

        </div>
        <div id="right">
            <div> <img src="./images/img7.png" alt="广告"> </div><br><br><br>
            <div> <img src="./images/img8.png" alt="广告"> </div><br><br><br>
            <div> <img src="./images/img9.png" alt="广告"> </div>
        </div>
    </div>
    <a href="">lalal</a>
</body>